
<!DOCTYPE HTML>
<html class="no-js" xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
  <title>首页 - weirdor博客</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/kratos/css/animate.min.css?_=2017-07-01" type="text/css" media="all" />
  <link rel="stylesheet" href="/static/kratos/css/font-awesome.min.css?_=2017-07-01" type="text/css" media="all" />
  <link rel="stylesheet" href="/static/kratos/css/bootstrap.min.css?_=2017-07-01" type="text/css" media="all" />
  <link rel="stylesheet" href="/static/kratos/css/superfish.min.css?_=2017-07-01" type="text/css" media="all" />
  <link rel="stylesheet" href="/static/kratos/style.css?_=2017-07-01" type="text/css" media="all" />
  <link rel="stylesheet" href="/static/kratos/css/kratos.diy.css?_=2017-07-01" type="text/css" media="all" />

  <style type="text/css">
    .pagination li span{
      margin-left: 6px;
    }
  </style>

</head>

<body data-spy="scroll" data-target=".scrollspy">
<div id="kratos-wrapper">
  <div id="kratos-page">


    <div id="kratos-header">
      <header id="kratos-header-section">
        <div class="container">
          <div class="nav-header">
            <a href="#" class="js-kratos-nav-toggle kratos-nav-toggle"><i></i></a>
            <h1 id="kratos-logo">
              <a href="/">weirdor</a>
            </h1>
            <nav id="kratos-menu-wrap" class="menu-menu-container">
              <ul id="kratos-primary-menu" class="sf-menu">
                <li>
                  <a href="/">首页</a>
                </li>
                <li>
                  <a href="">读书</a>
                </li>
                <li>
                  <a href="">活动</a>
                </li>
                <li>
                  <a href="">旅行</a>
                </li>
                <li>
                  <a href="">关于</a>
                </li>
                <li>
                  <a href="">CMS</a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </header>
    </div>
    <div class="kratos-start kratos-hero-2 kratos-post-header">
      <div class="kratos-overlay kratos-post" style="background:#23282d"></div>
    </div>



    <div id="kratos-blog-post" style="background:#f5f5f5">
      <div class="container">
        <div class="row">

          <section id="main" class="col-md-8" >

            <article class="kratos-hentry clearfix" v-for="blogArticle of items">
              <input type="hidden" v-bind:value="blogArticle.id" id="blogid">
              <div class="kratos-entry-border-new clearfix">
                <div class="kratos-entry-thumb-new">
                  <a href="#">
                    <img v-bind:src="blogArticle.articleCover" />
                  </a>
                </div>
                <div class="kratos-post-inner-new">
                  <header class="kratos-entry-header-new">
                    <a class="label" >
                    {{blogArticle.cateNames}}<i class="label-arrow"></i>
                    </a>
                    <h2 class="kratos-entry-title-new">
                      <a @click="update(blogArticle)" >{{blogArticle.articleTitle}}</a>
                    </h2>
                  </header>
                  <div class="kratos-entry-content-new">
                    <p>{{blogArticle.articleInfo}}</p>
                  </div>
                </div>
                <div class="kratos-post-meta-new">
				<span class="visible-lg visible-md visible-sm pull-left">
					<a href="#">
						<i class="fa fa-calendar"></i> 2017-07-01</a>
				</span>
                  <span class="pull-left">
					<a href="#">
						<i class="fa fa-eye"></i> {{blogArticle.articleVisit}} Views
					</a>
				</span>
                  <span class="pull-right">
					<a class="read-more" href="#" title="阅读全文">
						阅读全文 <i class="fa fa-chevron-circle-right"></i>
					</a>
				</span>
                </div>
              </div>
            </article>

            <div class='text-center' id='page-footer'>
              <ul class="pagination">
                <li class="disabled"><span>&laquo;</span></li>
                <li class="active"><span>1</span></li>
                <li><a href="/home.html?page=2">2</a></li>
                <li><a href="/home.html?page=3">3</a></li>
                <li><a href="/home.html?page=4">4</a></li>
                <li><a href="/home.html?page=2">&raquo;</a></li>
              </ul>
            </div>
          </section>



          <aside id="kratos-widget-area" class="col-md-4 hidden-xs hidden-sm scrollspy">
            <div id="sidebar">
              <aside id="kratos_about-3" class="widget amadeus_about clearfix">
                <div class="photo-background">
                  <div class="photo-background" style="background:url('http://static.newday.me/cms/head_background.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"></div>
                </div>
                <div class="photo-wrapper clearfix">
                  <div class="photo-wrapper-tip text-center">
                    <a href="/">
                      <img class="about-photo" src="http://static.newday.me/cms/head.jpg" />
                    </a>
                  </div>
                </div>
                <div class="textwidget">
                  <p>
                  <p class="text-center">希望死后的墓志铭可以有底气刻上</br>一生努力，一生被爱<br/>想要的都拥有，得不到的都释怀 ---weirdor</p>
                  </p>
                </div>
              </aside>
              <aside class="widget widget_kratos_poststab">
                <ul id="tabul" class="nav nav-tabs nav-justified visible-lg">
                  <li>
                    <a href="#newest" data-toggle="tab"> 最新文章</a>
                  </li>
                  <li class="active">
                    <a href="#hot" data-toggle="tab"> 热点文章</a>
                  </li>
                  <li>
                    <a href="#rand" data-toggle="tab">随机文章</a>
                  </li>
                </ul>
                <ul id="tabul" class="nav nav-tabs nav-justified visible-md">
                  <li>
                    <a href="#newest" data-toggle="tab"> 最新</a>
                  </li>
                  <li class="active">
                    <a href="#hot" data-toggle="tab"> 热点</a>
                  </li>
                  <li>
                    <a href="#rand" data-toggle="tab">随机</a>
                  </li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane fade" id="newest">
                    <ul class="list-group">
                      <a class="list-group-item visible-lg" title="凭什么他才毕业两年，就能浪遍世界，过上别人向往的生活？" href="#" rel="bookmark">
                        <i class="fa  fa-book"></i> 凭什么他才毕业两年，就能浪遍世界，过上别人向往的生活？</a>
                    </ul>
                  </div>
                  <div class="tab-pane fade  in active" id="hot">
                    <ul class="list-group">
                      <a class="list-group-item visible-lg" title="【轻装沙漠】4.28-5.1库布齐沙漠轻装徒步穿越，观大漠风光，看长河落日（确定成行）" href="#" rel="bookmark">
                        <i class="fa  fa-book"></i> 【轻装沙漠】4.28-5.1库布齐沙漠轻装徒步穿越，观大漠风光，看长河落日（确定成行）</a>
                    </ul>
                  </div>
                  <div class="tab-pane fade" id="rand">
                    <ul class="list-group">
                      <a class="list-group-item visible-lg" title="当下魔都最该去的15个地方，每一个都小众文艺高逼格！" href="#" rel="bookmark">
                        <i class="fa  fa-book"></i> 当下魔都最该去的15个地方，每一个都小众文艺高逼格！</a>
                    </ul>
                  </div>
                </div>
              </aside>
              <aside id="kratos_tags-2" class="widget widget_kratos_tags clearfix">
                <h4 class="widget-title">标签聚合</h4>
                <div class="tag_clouds">
                  <a href="#" class="tag-link-183 tag-link-position-1" style="font-size: 14px;">巫其格</a>
                </div>
              </aside>
            </div>
          </aside>


        </div>
      </div>
    </div>



    <footer>
      <div id="footer">
        <div class="cd-tool visible-lg text-center">
          <a rel="nofollow" class="cd-gb-a" href="#">
            <span class="fa fa-book"></span>
          </a>
          <a id="weixin-img" class="cd-weixin">
            <span class="fa fa-qq"></span>
            <div id="weixin-pic"></div>
          </a>
          <a class="cd-top cd-is-visible cd-fade-out"><span class="fa fa-chevron-up"></span></a>
        </div>
        <div class="container">
          <div class="row">
            <div class="col-md-6 col-md-offset-3 footer-list text-center">
              <p>
                Copyright <a href="#"> Weirdor </a> All Rights Reserved
              </p>
              <p>
                <a href="#">浙ICP备13001290号</a>， UI power by <a href="http://www.weirdor.cn" target="_blank"> weirdor </a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </footer>


  </div>
</div>
<script type="text/javascript" src="/static/kratos/js/jquery.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/jquery.easing.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/jquery.qrcode.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/modernizr.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/bootstrap.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/jquery.waypoints.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/jquery.stellar.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/hoverIntent.min.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/superfish.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/kratos.js?_=2017-07-01"></script>
<script type="text/javascript" src="/static/kratos/js/kratos.diy.js?_=2017-07-01"></script>
<script src="/plugins/layer/layer.js"></script>
<script src="/libs/bootstrap.min.js"></script>
<script src="/libs/vue.min.js"></script>
<script src="/js/common.js"></script>
<script type="text/javascript">
    if($("#main").height() > $("#sidebar").height()) {
        var footerHeight = 0;
        if($("#page-footer").length > 0) {
            footerHeight = $("#page-footer").outerHeight(true);
        }
        $("#sidebar").affix({
            offset: {
                top: $("#sidebar").offset().top - 30,
                bottom: $("#footer").outerHeight(true) + footerHeight + 6
            }
        });
    }
</script>
<script src="../../js/modules/blog/blogarticle.js"></script>
</body>

</html>